@charset "utf-8";
@import "base";

//中间内容部分
section {
    .content {
        background-color: #f5f5f5;
        ul {
            overflow: hidden;
            li {
                width: 100%;
                background-color: #fff;
                margin-top: r(24px);
                .course {
                    overflow: hidden;
                    .course_top{
                        border-bottom: r(2px) solid #e2e2e2;
                        font-size: 0;
                        overflow: hidden;
                        margin-top: r(23px);
                        .top_l {
                            width: r(291px);
                            .touxiang {
                                width: r(58px);
                                height: r(58px);
                                background-color: #898989;
                                border-radius: 50%;
                                float: left;
                                margin-right: r(17px);
                                margin-top: r(2px);
                            }
                            .name {
                                float: left;
                                margin-top: r(2px);
                                p {
                                    color: #c5c5c5;
                                    &:first-child {
                                        font-size: r(28px);
                                    }
                                    &:last-child {
                                        font-size: r(18px);
                                    }
                                }
                            }
                            h3 {
                                float: left;
                                margin-top: r(10px);
                                margin-bottom: r(8px);
                                font-size: r(24.86px);
                                font-weight: normal;
                            }
                        }
                        .top_r {
                            .apply {
                                float: right;
                                width: r(228px);
                                height: r(58px);
                                background-color: #b20000;
                                position: relative;
                                a {
                                    font-size: r(28.12px);
                                    color: #fff;
                                    line-height: r(58px);
                                    position: absolute;
                                    left: r(42px);
                                }
                                .left_arr {
                                    width: r(25px);
                                    height: r(25px);
                                    position: absolute;
                                    right: r(33px);
                                    top: 50%;
                                    transform: translateY(-50%);
                                    img {
                                        display: block;
                                        width: 100%;
                                    }
                                }
                            }
                            p {
                               text-align: right;
                               margin-top: r(76px);
                               font-size: r(16px);
                               color: #323232; 
                            }
                        }
                    }
                    .course_bot {
                        width: 100%;
                        height: r(432px);
                        margin-top: r(17px);
                        margin-bottom: r(26px);
                        img {
                            display: block;
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
}

//底部导航栏切换
footer {
    .footer_nav {
        ul {
            li {
                .home {
                    background-image: url(../img/01home_g.png);
                }
                .gimc {
                    background-image: url(../img/03GIMC_g.png);
                }
                .article {
                    background-image: url(../img/05article_g.png);
                }
                .resource {
                    background-image: url(../img/07resou_g.png);
                }
                .college {
                    background-image: url(../img/10college_r.png);
                }
            }
        }
    }
}
